<!doctype html>
<html lang="en">
<head>
	<meta charset="UTF-8" />
	<title>Document</title>
	<link rel="stylesheet" type="text/css" href="css/ymdetails.css"/>
</head>
<body>
	<div class="yingmoo-details">
	<!-- nav导航  -->
	    <div class="yingmoo-header">
	        <p>欢迎您来鹰目<img src="img/home.png" class="home" />
	          <span class="page-text">鹰目网首页</span>
	          <span class="register">请登录</span>
	          <span class="login">免费注册</span>
	          <span class="merchant">商家管理中心</span>
	          <span class="member">会员中心
	              <img src="img/arrows.png" class="arrows" />
	            </span>
	          <span class="mean">我的收藏
	              <img src="img/arrows.png" class="arrows" />
	            </span>
	          <span class="serve">客户服务
	              <img src="img/arrows.png" class="arrows" />
	            </span>
	          <span class="tel">客服热线</span>
	          <span class="num">
	          <img src="img/phone.png" class="tel-img" />400 650 7893</span>
	        </p>
	    </div>
	<!--  媒体导航  -->
	    <div class="yingmoo-detailsnav">
	      <div class="yingmoo-nav">
	        <div class="navlogo-text">
	          <img src="img/first_img2.png" class="first-img2" />
	        </div>
	        <div class="yingmoo-nav-mean">
	          <div class="yingmoo-nav-mean-div">
	            <input type="text" id="yingmoo-page-ipt" class="yingmoo-page-ipt" />
	            <div class="btn-soso">
	              <p>搜索</p>
	            </div>
	            <div class="btn-sousuo">
	              <img src="img/location.png" />
	            </div>
	          </div>
	          <p class="hot-sousuo">热门搜索：
	            <span>国际媒体</span>
	            <span>LED</span>
	            <span>地铁媒体</span>
	            <span>电梯框架</span>
	            <span>公交车身</span>
	            <span>候车亭</span>
	          </p>
	        </div>
	      </div>
	      <div class="btn-my">
	        <div class="btn-my-shopmall">
	          <div class="img"></div>
	          <p>我的商城</p>
	          <div class="img1"></div>
	        </div>
	        <div class="btn-my-settle">
	          <div class="img2"></div>
	          <p>购物车结算</p>
	          <div class="img1"></div>
	        </div>
	      </div>
	    </div>
	<!-- 全部分类导航  -->
	    <div class="yingmoo-column">
	      <div class="navstrip"></div>
	      <div class="navbag">
	        <div class="column-navbar">
	          <h1 class="column-title" id="column-title">
	            <img class="column-icon" src="img/icon-yun1.png" />
	            <span class="column-name">全部媒体分类</span>
	            <img class="column-arrow" src="img/bg-arrow.png" />
	          </h1>
	          <ul class="media-nav-tab" id="media-nav-tab">
	            <a href="http://localhost:8080/#/ymMediaDowntown"><li>市区媒体</li></a>
	          	<a href="http://localhost:8080/#/ymHighspeed"><li>高速媒体</li></a>
	          	<a href="http://localhost:8080/#/ymMediaPublic"><li>公交媒体</li></a>
	          	<a href="http://localhost:8080/#/ymMetro"><li>地铁媒体</li></a>
	          	<a href="http://localhost:8080/#/ymAirport"><li>机场媒体</li></a>
	          	<a href="http://localhost:8080/#/ymMediaTrain"><li>火车媒体</li></a>
	          	<a href="http://localhost:8080/#/ymPassenger"><li>客运站媒体</li></a>
	          	<a href="http://localhost:8080/#/ymBuilding"><li>楼宇媒体</li></a>
	          	<a href="http://localhost:8080/#/ymSuper"><li>商超媒体</li></a>
	          	<a href="http://localhost:8080/#/ymFeature"><li>特色区域媒体</li></a>
	          </ul>
	
	          <div class="coverage" id="coverage">
	            <button>市区媒体</button>
	            <ul>
	              <li>单立柱</li>
	              <li>LED显示屏</li>
	              <li>灯箱</li>
	              <li>客车内广告</li>
	              <li>车身</li>
	              <li>座椅</li>
	              <li>电视</li>
	              <li>其他</li>
	            </ul>
	            <ul>
	              <li>吊旗</li>
	              <li>刷屏机</li>
	              <li>椅座广告</li>
	              <li>大牌</li>
	              <li>墙面</li>
	              <li>楼顶</li>
	              <li>立地</li>
	            </ul>
	          </div>
	
	        </div>
	        <ul class="column-subtitle clearfix">
	            <a href="http://localhost:8080/#/"><li>首页</li></a>
	            <a href="http://localhost:8080/#/ymStore"><li>商城</li></a>
	            <a href="http://localhost:8080/#/ymCase"><li>案例展示</li></a>
	            <a href="http://localhost:8080/#/ymExpert"><li>专家</li></a>
	            <a href=""><li>国际媒体</li></a>
	            <a href=""><li>鹰监测</li></a>
	            <a href="http://localhost:8080/#/ymMember"><li>会员中心</li></a>
	        </ul>
	      </div>
	
	    </div>
	<!--  当前定位  -->
	    <div class="locat">
	      <img src="img/dw.png" />
	      <p>
	      	当前位置：
	        <span>鹰目户外广告>北京>市区媒体>大牌></span>
	        <span class="text">王府井品牌中心楼顶大牌</span>
	      </p>
	    </div>
	<!--  媒体详情  -->
	    <div class="clunm-conten">
	      <div class="clunm-result">
	        <div class="clunm-left">
	          <div class="result-top">
	            <img src="img/details8.png" />
	            <img src="img/details8.png" />
	            <img src="img/details8.png" />
	            <img src="img/details8.png" />
	          </div>
	          <div class="result-down">
	            <img src="img/details2.png" />
	            <img src="img/details3.png" />
	            <img src="img/details4.png" />
	            <img src="img/details5.png" />
	          </div>
	        </div>
	        <div class="clunm-right">
	          <h3>
	           	 媒体名称媒体名称媒体名称媒体名称
	          </h3>
	          <p class="time">
	          	更新时间：<span>2016-06-03 | </span><span>27次浏览</span>
	          </p>
	          <p>
	          	媒体编号： <span>YM0423213</span>
	          </p>
	          <p>
	          	媒体分类： <span>媒体分类</span>
	          </p>
	          <p>
	           	 媒体位置： <span>北京市王府井</span>
	          </p>
	          <p>
	           	 干例价： <span>20000元/年</span>
	          </p>
	          <p>
	          	媒体尺寸： <span>101m * 8m * 1面 = 808㎡</span>
	          </p>
	          <p>
	          	最短投放周期： <span>年</span>
	          </p>
	          <p>
	           	 人流量： <span>300000人以上</span>
	          </p>
	          <p>
	          	车流量： <span></span>
	          </p>
	          <p>
	          	所在区域： <span>北京-东城区</span>
	          </p>
	          <button class="hot">加关注</button>
	          <button class="shop">购物车结算</button>
	        </div>
	      </div>
	      <div class="shop-detail">
	        <h4>店铺详细信息</h4>
	        <h3>公司名称公司名称公司名称</h3>
	        <img src="img/details1.png" />
	        <p>主营媒体：<span>公交媒体、高速媒体</span></p>
	        <p>该媒体总共发布媒体94条</p>
	        <button>进入店铺</button>
	      </div>
	    </div>
	<!--  基本信息、媒体地图、投放评论  -->
	    <div class="details-message">
	      <div class="message-left">
	        <ul class="tab-nav">
	          <li class="tab-message">基本信息</li>
	          <li class="tab-map">媒体地图</li>
	          <li class="tab-comment">投放评论</li>
	        </ul>
	    <!--  基本信息    -->
	        <div class="message messages">
	          <div class="classify">
	            <ul>
	              <li>媒体分类： <span>市区媒体/大牌</span></li>
	              <li>最短投放周期： <span>年</span></li>
	              <li>媒体尺寸： <span>101m*8m*1面=808㎡</span></li>
	              <li>亮灯时间： <span>年</span></li>
	            </ul>
	            <ul>
	              <li>所在区域： <span>北京-东城区</span></li>
	              <li>人流量： <span>300000人以上</span></li>
	              <li>画面形式： <span>北京-东城区</span></li>
	              <li>上画时间： <span>300000人以上</span></li>
	            </ul>
	            <ul>
	              <li>媒体位置： <span>北京市王府井</span></li>
	              <li>车流量： <span>车流量</span></li>
	              <li>灯光形式： <span>北京市王府井</span></li>
	              <li>数量： <span>车流量</span></li>
	            </ul>
	          </div>
	          <div class="media-intro">
	            <p>媒体简介： <span>高速公路是城市与城市连接的一道风景线，因高速公路以快速直达、节约时间等优势，赢得众人出行的首选，受众面广，旅客涵盖了各行各业人士。高       速广告为户外广告一种新型的信息传播媒体，由于沿线的景致单调、重复、周边视觉碍物少，因此造就了高速公路户外广告位具有了较强的视觉冲击力，更有简单、醒目、记忆永固、传播时效强、广告效果显等优点，有利于受众全面地接受。高速户外广告可以提供的是无间断地‘每周七天，</span></p>
	          </div>
	          <div class="firm-intro">
	            <p>公司简介： <span>湖南银社传媒全称为湖南银社广告传媒有限公司，是湖南最大的最专业的社区公益生活圈媒体广告公司, 公司创建于1995年，总部位于湖南长沙市，现有员工60余人，银社传媒致力于整合政府优势资源，以经营公益事业促进企业的品牌发展的方式运营，公司媒体现已覆盖整个湖南省的地区级城市社区及小区，以扩张连锁经营的模式跨区域发展，公司的发展目标为：做强湖南区域，扩张发展全国区域，后期将在江西、湖北、广西、贵州发展。 湖南银社传媒创建的社区宣传栏媒体，是将媒体和社区进行嫁接，是一种新型重要的网络化细分媒体，企业通过它能够轻松找到营销活动所拟定的目标客户人群，可有效降低宣传成本，避免宣传浪费，为营销渗透社区提供了有效而精确的推广渠道，是企业文化和品牌文化融入社区居民的桥梁；公司长期和中国移动/中国联通/肯德基/步步高集团/友阿集团/苏宁电器/国美电器/通程电器/海尔电器/株百集团/梦洁家纺/佳惠集团/大洋百货/崇尚百货/新东方集团/宏图三胞/全友家私/东风汽车/老百姓大药房等知名企业建立了战略合作伙伴关系，并得到了各大商家和企业的肯定，银社传媒秉承“诚信、专业、及时、灵活”的服务理念，以诚信的合作态度、专业的媒体运作经验、及时灵活的执行力服务于每一位客户。 展望未来，湖南银社传媒将更专注社区的媒体开发、以更超前的媒体眼光、更创新的广告思维，为政府和企业之间搭建一座公益和商业运作相结合的媒体平台，以更敏捷的执行力为每一位品牌客户提供更优质的服务，成为中国社区媒体行业有一定影响力的公司，同时为公益媒介发展事业走出更好更宽阔道路。</span></p>
	          </div>
	        </div>
	    <!--  媒体地图    -->
	        <div class="message maps">
	          <div class="classify">
	            <ul>
	              <li>媒体分类： <span>市区媒体/大牌</span></li>
	              <li>最短投放周期： <span>年</span></li>
	              <li>媒体尺寸： <span>101m*8m*1面=808㎡</span></li>
	              <li>亮灯时间： <span>年</span></li>
	            </ul>
	            <ul>
	              <li>所在区域： <span>北京-东城区</span></li>
	              <li>人流量： <span>300000人以上</span></li>
	              <li>画面形式： <span>北京-东城区</span></li>
	              <li>上画时间： <span>300000人以上</span></li>
	            </ul>
	            <ul>
	              <li>媒体位置： <span>北京市王府井</span></li>
	              <li>车流量： <span>车流量</span></li>
	              <li>灯光形式： <span>北京市王府井</span></li>
	              <li>数量： <span>车流量</span></li>
	            </ul>
	          </div>
	          <div class="map">
	            <img src="img/map.png" />
	          </div>
	        </div>
	    <!--  投放评论    -->
	        <div class="message comments">
		          <div class="classify">
			            <ul>
				              <li>媒体分类： <span>市区媒体/大牌</span></li>
				              <li>最短投放周期： <span>年</span></li>
				              <li>媒体尺寸： <span>101m*8m*1面=808㎡</span></li>
				              <li>亮灯时间： <span>年</span></li>
			            </ul>
			            <ul>
				              <li>所在区域： <span>北京-东城区</span></li>
				              <li>人流量： <span>300000人以上</span></li>
				              <li>画面形式： <span>北京-东城区</span></li>
				              <li>上画时间： <span>300000人以上</span></li>
			            </ul>
			            <ul>
				              <li>媒体位置： <span>北京市王府井</span></li>
				              <li>车流量： <span>车流量</span></li>
				              <li>灯光形式： <span>北京市王府井</span></li>
				              <li>数量： <span>车流量</span></li>
			            </ul>
		          </div>
		          <div class="discusses-nav">
	            		投放评论
		          </div>
		          <div class="discusses">
			            <p>
			            	<span class="text">英雄主义： </span>
			            	<span>该媒体 本人挺喜欢的该媒体 本人挺喜欢的该媒体 本人挺喜欢的</span>
			            	<span class="imges">
			            		<img src="img/star.png" />
			            	</span>
			            	<span class="score">4.0分</span>
			            	<span class="time">2015-08-11  14:34:45
			            	</span>
			            </p>
			            <p>
			            	<span class="text">匿名： </span>
			            	<span>该媒体 本人挺喜欢的该媒体 </span>
			            	<span class="imges">
			            		<img src="img/star.png" />
			            	</span>
			            	<span class="score">4.0分</span>
			            	<span class="time">2015-08-11  14:34:45</span>
			            </p>
			            <p>
			            	<span class="text">英雄主义： </span>
			            	<span>该媒体 本人挺喜欢的该媒体 本人挺喜欢的该媒体 本人挺喜欢的该媒体 本人挺喜欢的该媒体 本人挺喜欢的该媒体 本人挺喜欢的该媒体 本人挺喜欢的该媒体 本人挺喜欢的该媒体 本人挺喜欢的该媒体 本人挺喜欢的该媒体 本人挺喜欢的该媒体 本人挺喜欢的该媒体 本人挺喜欢的该媒体 本人挺喜欢的该媒体 本人挺喜欢的
			            	</span>
			            	<span class="imges">
			            		<img src="img/star.png" />
			            	</span>
			            	<span class="score">4.0分</span>
			            	<span class="time">2015-08-11  14:34:45</span>
			            </p>
			            <p>
			            	<span class="text">用户名称： </span>
			            	<span>该媒体 本人挺喜欢的该媒体 本人挺喜欢的该媒体 本人挺喜欢的</span>
			            	<span class="imges">
			            		<img src="img/star.png" />
			            	</span>
			            	<span class="score">4.0分</span>
			            	<span class="time">2015-08-11  14:34:45</span>
			            </p>
			            <p>
			            	<span class="text">用户名称： </span>
			            	<span>该媒体 本人挺喜欢的该媒体 本人挺喜欢的该媒体 本人挺喜欢的</span>
			            	<span class="imges">
			            		<img src="img/star.png" />
			            	</span>
			            	<span class="score">4.0分</span>
			            	<span class="time">2015-08-11  14:34:45</span>
			            </p>
		          </div>
		          <div class="synthesize">
			            <div class="block">
				              <span class="demonstration">综合评分： </span>
				              <div id="star"></div>
			            </div>
			            <div class="discuss">
				              <p class="alen">评论： </p>
				              <div class="discuss-text">
					                <input type="text" placeholder="请输入您的评论......" />
					                <div class="btn">
						                  <button>提交</button>
						                  <button>重置</button>
					                </div>
				              </div>
			            </div>
		          </div>
	        </div>
	      </div>
    	<!--  热门媒体      -->
	      <div class="message-right">
	        <h4>热门媒体</h4>
	        <div class="small-model">
	          <img src="img/details6.png" />
	          <p>媒体名称媒体名称媒体名称</p>
	          <p class="price">价格：120万 元/年</p>
	          <p class="path">高速路线：北京五环绕城高速</p>
	        </div>
	        <div class="small-model">
	          <img src="img/details6.png" />
	          <p>媒体名称媒体名称媒体名称</p>
	          <p class="price">价格：120万 元/年</p>
	          <p class="path">高速路线：北京五环绕城高速</p>
	        </div>
	        <div class="text-model">
	          <p>媒体名称媒体名称媒体名称</p>
	          <p>媒体名称媒体名称媒体名称</p>
	          <p>媒体名称媒体名称媒体名称</p>
	          <p>媒体名称媒体名称媒体名称</p>
	          <p>媒体名称媒体名称媒体名称</p>
	          <p>媒体名称媒体名称媒体名称</p>
	        </div>
	      </div>
	    </div>
	<!--  相关媒体资源  -->
	    <div class=" yingmoo-xxx">
	      <div class="column-navbar grey">
	        <h1 class="column-title">
	          <img class="column-icon" src="img/icon-yun1.png" />
	          <span class="column-name">相关媒体资源</span>
	          <img class="column-arrow" src="img/bg-arrow.png" />
	        </h1>
	      </div>
	      <div class="column-content">
	        <dl class="media-model">
	          <dt>
	            <img src="img/imges.png" />
	          </dt>
	          <dd class="media-text-first">modeltext</dd>
	          <dd class="media-text-secend">modelmoney</dd>
	          <dd class="media-text-city">modelcity<span>modellook</span></dd>
	        </dl>
	      </div>
	    </div>
	<!--  媒体主其他媒体  -->
	    <div class=" yingmoo-xxx">
	      <div class="column-navbar grey">
	        <h1 class="column-title">
	          <img class="column-icon" src="img/icon-yun1.png" />
	          <span class="column-name">媒体主其他媒体</span>
	          <img class="column-arrow" src="img/bg-arrow.png" />
	        </h1>
	      </div>
	      <div class="column-content">
	        <dl class="media-model">
	          <dt>
	            <img src="img/imges.png" />
	          </dt>
	          <dd class="media-text-first">modeltext</dd>
	          <dd class="media-text-secend">modelmoney</dd>
	          <dd class="media-text-city">modelcity<span>modellook</span></dd>
	        </dl>
	      </div>
	    </div>
	<!--  footer  -->
	    <div class="footer-bar">
	      <div class="footer-bg">
	        <div class="w1200 footer-about clearfix">
	          <ul>
	            <h5>关于</h5>
	            <li><a href="javascript:;">关于我们</a></li>
	            <li><a href="javascript:;">加入我们</a></li>
	            <li><a href="javascript:;">团队</a></li>
	          </ul>
	          <ul>
	            <h5>服务</h5>
	            <li><a href="javascript:;">服务条款</a></li>
	            <li><a href="javascript:;">隐私协议</a></li>
	          </ul>
	          <ul>
	            <h5>产品</h5>
	            <li><a href="javascript:;">如何使用</a></li>
	            <li><a href="javascript:;">视频介绍</a></li>
	            <li><a href="javascript:;">更新历史</a></li>
	            <li><a href="javascript:;">FAQ</a></li>
	          </ul>
	          <div class="we">
	            <h5>关注我们</h5>
	            <p class="icons">
	              <a href="javascript:;"><img src="img/icon-wb.png" /></a>
	              <a href="javascript:;"><img src="img/icon-wx.png" /></a>
	              <a href="javascript:;"><img src="img/icon-qq.png" /></a>
	            </p>
	            <p class="text">鹰目户外广告网是中国最大的户外广告投放平台，户外媒体行业服务平台。鹰目网秉承以 “为客户提供有价值的服务” 为宗旨，围绕 “做专” “做专业” “做精细” 的服务方针，坚持 “只做服务商” 的经营理念，致力于以顾问形式，服务于户外广告买卖双方。</p>
	          </div>
	        </div>
	      </div>
	      <div class="footer-copyright">
	        <div class="w1200">
	          <div class="copyright">
	            <p>
	              <span>Copyright @ 2012-2017</span>
	              <span>北京鹰目网络科技有限公司</span>
	              <span>京ICP备14044439号-1</span>
	              <img src="img/icon-g.png" />
	              <span>京公网安备 11010802020633号</span>
	            </p>
	            <p>
	              <span>地址：北京市海淀区上地东路35号颐泉汇大厦D座5层</span>
	              <span>热线：400 650 7893</span>
	              <span>传真：010-62681689/8248335</span>
	            </p>
	          </div>
	          <div class="safety clearfix">
	              <a href="javascript:;"><img src="img/safe-360.png" /></a>
	              <a href="javascript:;"><img src="img/safe-kexin.png" /></a>
	              <a href="javascript:;"><img src="img/safe-aqlm.png" /></a>
	          </div>
	        </div>
	        </div>
	    </div>
	</div>
	<script src="js/jquery-2.1.1.min.js"></script>
	<script src="js/jquery.raty.min.js"></script>
	
	<script>
		$(function(){
			$('#star').raty({ 
				path:'img',
				precision: true
			});
		})
	</script>
	<script>
		$(function(){
//			全部分类导航
			$('#column-title').mouseover(function(){
				$(this).siblings('.media-nav-tab').show();
			}).mouseout(function(){
				$(this).siblings('.media-nav-tab').hide();
			})
			$('.media-nav-tab').mouseover(function(){
				$(this).show();
				$(this).siblings('.coverage').show();
			}).mouseout(function(){
				$(this).hide();
				$(this).siblings('.coverage').hide();
			})
			$('.coverage').mouseover(function(){
				$(this).show();
				$(this).siblings('.media-nav-tab').show();
			}).mouseout(function(){
				$(this).hide();
				$(this).siblings('.media-nav-tab').hide();
			})
//			基本信息、媒体地图、投放评论
			$('.tab-message').mouseover(function(){
				$('.messages').show();
				$('.maps').hide();
				$('.comments').hide();
				$(this).css({"background-color":"#036eb7","color":"white"});
				$(this).siblings().css({"background-color":"white","color":"#666666"});
			}).mouseout(function(){
				$(this).css({"background-color":"#036eb7","color":"white"});
			})
			$('.tab-map').mouseover(function(){
				$('.messages').hide();
				$('.maps').show();
				$('.comments').hide();
				$(this).css({"background-color":"#036eb7","color":"white"});
				$(this).siblings().css({"background-color":"white","color":"#666666"});
			}).mouseout(function(){
				$(this).css({"background-color":"#036eb7","color":"white"});
			})
			$('.tab-comment').mouseover(function(){
				$('.messages').hide();
				$('.maps').hide();
				$('.comments').show();
				$(this).css({"background-color":"#036eb7","color":"white"});
				$(this).siblings().css({"background-color":"white","color":"#666666"});
			}).mouseout(function(){
				$(this).css({"background-color":"#036eb7","color":"white"});
			})
			
		})
		
		
	</script>
</body>
</html>
 


